.screen_page{
  width: 100%;
  height: 100%;
  background-color: #1d232e;
  .page_header{
    width: 100%;
    height: .75rem;
    display: flex;
    background-image: url("@assets/images/screen/header_bg.png");
    background-size: 100% .75rem;
    background-repeat: no-repeat;
    justify-content: space-between;
    color: #fff;

    .title {
      font-size: .36rem;
      text-align: center;
      line-height: .55rem;
      flex: 1;
    }

    .menu {
      width: 20%;
      display: flex;
      justify-content: flex-end;
      padding-right: .4rem;
      align-items: flex-end;
      padding-bottom: .1rem;
      >span{
        cursor: pointer;
        line-height: .3rem;
        &:first-child{
          font-size: .16rem;
          padding-right: .3rem
        }
        &:last-child{
          font-size: .2rem
        }
      }
    }

  }


  .page_content{
    width: 100%;
    height: calc(100vh - 0.75rem);
    padding: .15rem .4rem;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    .content_box{
      display: flex;
      .slide{
        width: 3.8rem;
      }
      .content{
        flex: 1;
        margin: 0 .2rem;
      }
    }
  }

}